<template>
  <div class="all">
<div class="top">
<div class="top-pic"><img src="../assets/Vector 6.png" alt=""></div>
<div class="colle">我的订单</div>
<div class="heng"></div>
</div>
<div class="pic">
  <div class="pic-one"><img src="../assets/Vector (3).png" alt=""></div>
  <div class="pic-two"><img src="../assets/Vector (4).png" alt=""></div>
  <div class="pic-th"><img src="../assets/Vector (5).png" alt=""></div>
  <div class="wenzi">您的收藏还是空的！</div>
  <div class="gouwu">快去购物吧！</div>
    
</div>
</div>
</template>

<script>
export default {
    name:'NoOrder'
}
</script>

<style scoped>
.all{
    width: 100%;
    position: relative;
     min-height: calc(100vh - -200px - 336px);
}
.top{
    position: absolute;
    width: 1920px;
    height: 80px;
    left: 0px;
    top: 0px;
    background: #FFFFFF;
}
.top-pic{
    position: absolute;
    width: 20px;
    height: 26px;
    top: 27px;
    left: 350px;

}
.colle{
    position: absolute;
    width: 112px;
    height: 28px;
    left: 380px;
    top: 26px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    color: #333333;
}
.heng{
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0px;
    top: 80px;
    background: #FF6700;
}
.pic{
    position: absolute;
    width: 1920px;
    height: 598px;
    left: 0px;
    top: 80px;
    background: #F5F5F5;
}
.pic-one{
    position: absolute;
    top: 232px;
    left: 560px;
}
.pic-two{
    position: absolute;
    top: 226px;
    left: 591px;
}
.pic-th{
    position: absolute;
    left: 467px;
    top: 315px;
}
.wenzi{
    position: absolute;
    width: 324px;
    height: 36px;
    left: 900px;
    top: 240px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    color: #B0B0B0;
}
.gouwu{
    position: absolute;
    width: 108px;
    height: 18px;
    left: 900px;
    top: 300px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #B0B0B0;
}
</style>